<template>
  <div>
    <!-- 底部二维码和备案号 -->
    <!-- el-container外层容器   el-header顶栏容器（最上层）   el-main主要区域容器（）-->
    <el-container>
      <!-- 二维码 样式名为second -->
      <el-header style="height: 205px" class="second"><el-row>
          <el-card style="margin-left: 30px; width:250px">
            <img
              src="../image/erweima.jpg"
              class="images"
            />
            <div style="padding: 10px">
              <span>扫码加入我们</span>
            </div>
          </el-card>
          <el-card style="margin-left: 30px; width:250px">
            <img
              src="../image/erweima2.jpg"
              class="images"
            />
            <div style="padding: 10px">
              <span>扫码加入我们</span>
            </div>
          </el-card>
          <el-card style="margin-left: 30px; width:250px">
            <img
              src="../image/erweima3.jpg"
              class="images"
            />
            <div style="padding: 10px">
              <span>扫码加入我们</span>
            </div>
          </el-card>
        
      </el-row></el-header>
      
      
    </el-container>
  </div>
</template>

<script>
export default {
  name: "bah",
};
</script>

<style scoped>
img {
  /*设置图片宽度和浏览器宽度一致*/
  width: 100%;
  height: inherit;
}

/* 二维码的样式 */
.second {
  padding: 5px;
  width: 1500px;
  height: 500px;
  background-color: rgb(255, 255, 255);
  margin-left: 10px;
  text-align: center;
}

/* 二维码的图片 */
.images {
  width: 50%;
  }



.el-row{
  display: flex;
  flex-direction:row;
  /* 内容中间对齐方式小间隙 */
  justify-content:space-around ;
}
</style>